<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   
    <title>Document</title>
</head>
<body>
    <!-- 关注语义 -->
    <!-- 结构由html控制   应该关注标签的语义而不是样式-->
    <!-- 表现由css来控制  -->
    <!-- <h1>一级标题</h1>
    <h2>二级标题</h2> -->
    <!-- 一般h1更大 但不是我们所关注的内容  我们可以改变  -->
    <!-- 六级标题  -->
    <!-- h1到h6重要性递减  h1仅次于title-->
    <!-- 一般一个页面只有一个h1  一般用h1 h2 h3 -->
    <!-- 独占一行 -->
    <!-- p标签表示页面中的一个段落 -->
    <!-- 一个自然段  也是独占一行 -->
    <!-- 标题标签都是块元素  -->
    <!-- hgroup作用是给标题分组 将一组相同的标题放入到hgroup （有联系）-->
    <!-- em表示语音 语调的加重  -->
    <p>今天天气<em>真</em>不错</p>
    <!--表示读的时候需要重读  加重语调-->
    <!-- 注意em和p的区别  -->
    <!-- 写的p会产生换行  -->
    <!-- 不会独占页面的一行  -->
    <!-- 页面中不会独占一行的元素称为行内元素 inline element  -->
    <!-- 独占一行的叫块  不独占一行的叫行内元素  -->
    <!-- 不关心显示效果 关心它的语义 -->
    <!-- strong表示强调重要内容  -->
    <!-- em表示语气的加重  -->
    鲁迅说:
    <blockquote>
        这句话我从来没有说过
    </blockquote>
    <!-- 表示长引  自己独占一行  -->
    子曰：<q>
        学而时习之，不亦说乎
        </q>
        <br>
        <!-- br标签表示换行  -->
        i love you 
        <!-- q表示没有换行 行内 --> 
        <!-- 一个独占一行 一个不会独占一行  -->
        <!-- 有很多标签  以后用到时候具体在说  -->
        <!-- 用正确编码去打开文件就不会有乱码  -->
</body>
</html>